import React,{Component} from "react";

export default class WebIndex extends Component {
    render() {
        return (
            <div>
                <div className="banner-index">
                    <div className="banner-subTit">
                        <h1>开课吧企业服务产品</h1>
                        <p>激活组织内生动力，赋能数字化人才<br />
                加速企业数字化转型，助力业务增长</p>
                        <a href="/">获取定制方案</a>
                    </div>
                </div>
                <div className="indexBox">
                    <div className="index-factor">
                        <div className="factorWrap">
                            <h1>数字化转型五大因素</h1>
                            <p className="subH">明确数字化转型难点，稳步推进数智化进程</p>
                            <div className="factor-img"><img alt="1" src="img/img_06/index_01.png" /></div>
                            <ul className="factor-txt">
                                <li className="f-txt01">
                                    <p>数字化组织</p>
                                    <span>以增长为目标的组织机制<br />运营模式是保证</span>
                                </li>
                                <li className="f-txt02">
                                    <p>人才战略</p>
                                    <span>数字化人才的引进<br />
                投资和培养是核心</span>
                                </li>
                                <li className="f-txt03">
                                    <p>创新文化</p>
                                    <span>不断迭代的数字化商业模<br/>式及学习文化是基石</span>
                                </li>
                                <li className="f-txt04">
                                    <p>明确的战略</p>
                                    <span>明确数字化技术的主导地位<br/>是首要条件。</span>
                                </li>
                                <li className="f-txt05">
                                    <p>一把手工程</p>
                                    <span>CEO及董事会指导下的资金<br/>支持、跨部门协作是关键。</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                    {/* <!--因素 end--> */}
                    <div className="index-idea">
                        <div className="idea-wrap">
                            <h1>我们的核心理念</h1>
                            <p className="subH">数字化转型的关键，在于创新人才转型</p>
                            <ul className="idea-txt clearfix">
                                <li>
                                    <img alt="1" src="img/img_06/index_02.png" />
                                    <h2>转思维</h2>
                                    <p>数字化思维转型：以云计算、大数据、物联网、人工智能等新一代信息技术为依据，产品、服务、渠道等转化成一个数字体，从业务数据化，到业务网络化，最终实现业务智能化。</p>
                                </li>
                                <li className="line"></li>
                                <li>
                                    <img alt="1" src="img/img_06/index_03.png" />
                                    <h2>转人才</h2>
                                    <p>数字化人才转型：与数据技术引进、软硬件投入匹配的人才队伍搭建是重中之重，应用型、创新型、复合专业型数字化人才的补充引进、投资培养才能推进行业应用转型深化。</p>
                                </li>
                                <li className="line"></li>
                                <li>
                                    <img alt="1" src="img/img_06/index_04.png" />
                                    <h2>转组织</h2>
                                    <p>数字化组织转型：配合快速变革的数字技术,需要更科学敏捷的决策流程,更高效的团队协同机制,更客观的价值评价体系，更具适应性的快速迭代能力，更积极进取的团队组织文化。</p>
                                </li>
                            </ul>
                        </div>
                    </div>
                    {/* <!--核心理念 end-->	 */}
                    <div className="trainings">
                        <div className="trainings-wrap">
                            <h1>产品介绍-培训服务</h1>
                            <div className="train-conWrap">
                                <div className="lf"><img alt="1" src="img/lf.png"/></div>
                                <div className="rt"><img alt="1" src="img/rt.png"/></div>
                                <div className="train-t" style={{display: 'none'}}>
                                    <div className="txt">
                                        <h2>实战训练营</h2>
                                        <b className="line-blue"></b>
                                        <p>数字化思维转型：以云计算、大数据、物联网、人工智能等新一代信息技术为依据，产品、服务、渠道等转化成一个数字体，从业务数据化，到业务网络化，最终实现业务智能化。</p>
                                        <a href="/">查看详情 <img alt="1" src="img/img_06/more.png"/></a>
                                    </div>
                                    <img alt="1" src="img/img_06/index_05.png"/>
                                </div>
                                {/* <!--tab--> */}
                                <div className="train-t" style={{display: 'none'}}>
                                    <div className="txt">
                                        <h2>工作坊</h2>
                                        <b className="line-blue"></b>
                                        <p>工作坊是在某一领域专家指导下，通过对话沟通、共同思考、调查与分析，以激发学习者共同规划应用方案的培训模式。</p>
                                        <a href="/">查看详情 <img alt="1" src="img/img_06/more.png"/></a>
                                    </div>
                                    <img alt="1" src="img/img_06/index_16.png"/>
                                </div>
                                {/* <!--tab--> */}
                                <div className="train-t" style={{display: 'none'}}>
                                    <div className="txt">
                                        <h2>定制培训</h2>
                                        <b className="line-blue"></b>
                                        <p>紧密结合企业的数字化战略，在培训专题、课程内容、授课师资、培训时间和地点、教学方式、考核方式等方面进行量身定制。</p>
                                        <a href="/">查看详情 <img alt="1" src="img/img_06/more.png"/></a>
                                    </div>
                                    <img alt="1" src="img/img_06/index_18.png"/>
                                </div>
                                {/* <!--tab--> */}
                                <div className="train-t">
                                    <div className="txt">
                                        <h2>创新大赛</h2>
                                        <b className="line-blue"></b>
                                        <p>创新大赛是一种以赛促成果、激发学习者自下而上产出好产品的开放型创新培训方式。</p>
                                        <a href="/">查看详情 <img alt="1" src="img/img_06/more.png"/></a>
                                    </div>
                                    <img alt="1" src="img/img_06/index_17.png"/>
                                </div>
                                {/* <!--tab--> */}
                            </div>
                        </div>
                    </div>
                    {/* <!--培训服务 end--> */}
                    <div className="talent">
                        <div className="talent-wrap">
                            <h1>产品介绍-人才服务</h1>
                            <div className="talent-content">
                                <img alt="1" src="img/img_06/index_06.png" />
                                <div className="talent-txt">
                                    <h2>专家咨询</h2>
                                    <b className="line-blue"></b>
                                    <p>汇集名企、工信部、中科院、国际领先企业等专家学者，以企业实际行业背景及真实问题真实，提供前瞻视角，跨领域借鉴支招，突破思维局限。</p>
                                    <h2>中高端人才寻访</h2>
                                    <b className="line-blue"></b>
                                    <p>迎合创新驱动、转型升级的企业需求，为其寻访引进数据、AI等高精尖数字化人才，加速推进企业数字化转型进程。</p>
                                    <h2>IT人才外包</h2>
                                    <b className="line-blue"></b>
                                    <p>拥有自建的人才资源库，可抵达百万级高品质IT人才，通过专业化、体系化、平台化的项目管理体系，解决企业快速搭建系统的需求。</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    {/* <!--人才服务 end--> */}

                    <div className="technology">
                        <h1>产品介绍-技术服务</h1>
                        <div className="tech-wrap">
                            <ul>
                                <li className="techImg_01">
                                    <p>通过技术指导和伴随式开发，帮助企业建立以数据为主要内容和服务的产品体系。</p>
                                    <img alt="1" src="img/img_06/index_11.png" />
                                    <h2><span>数据技术</span></h2>
                                    <b></b>
                                </li>
                                <li className="techImg_02">
                                    <p></p>
                                    <img alt="1" src="img/img_06/index_10.png" />
                                    <h2><span>AI技术</span></h2>
                                </li>
                                <li className="techImg_03">
                                    <p></p>
                                    <img alt="1" src="img/img_06/index_12.png" />
                                    <h2><span>产品开发</span></h2>
                                </li>
                            </ul>
                        </div>
                    </div>
                    {/* <!--技术服务 end--> */}
                    <div className="index-case">
                        <h1>案例分享</h1>
                        <p className="subH">数字化转型的关键，在于创新人才转型</p>
                        <ul className="i-case-wrap">
                            <li>
                                <img alt="1" src="img/img_06/index_13.png"/>
                                <h2>中国建设银行案例</h2>
                                <p>银行业务人员可以利用Python工具包及时掌握客户分布、构建信用卡反欺诈风控模型，降低业务风险等。</p>
                            </li>
                            <li>
                                <img alt="1" src="img/img_06/index_14.png"/>
                                <h2>时代集团案例</h2>
                                <p>在开课吧的合作帮助下，时代集团进行了一次深刻的产品创新，取得了非常好的成果。</p>
                            </li>
                            <li>
                                <img alt="1" src="img/img_06/index_15.png"/>
                                <h2>兴业银行案例</h2>
                                <p>在全行推起数智兴航创新大赛，业务与技术融合，真正实现数智技术驱动增长。</p>
                            </li>
                        </ul>
                    </div>
                    {/* <!--案例分享 end--> */}
                    <div className="xly-case">
                        <h1>开课吧企业服务已为上千家企业提供解决方案</h1>
                        <a href="/">查看更多案例</a>
                    </div>
                </div>
            </div>
        )
    }
}